<div id="cordova-battery" data-view="cordova/battery">
<style type="text/css">
	.con{
		padding: 20px 20%;
	}
	.display{
		/*height: 40px;*/
		width: 100%;
		margin-top: 20px;
	}
	.stop{
		/*height: 40px;*/
		width: 100%;
		margin-top: 20px;
	}
	#battery{
		font-size: 20px;
		margin-top: 20px;
		font-weight: bold;
		text-align: center;
	}
</style>
  <header class="bar bar-nav">
    <a class="icon icon-left-nav pull-left" data-action="back"></a>
    <h1 class="title">Battery Status</h1>
  </header>
  <div class="content">
  	<div class="con">
  		<button class="display btn btn-block btn-primary">watchBatteryStatus</button>
  		<button class="stop btn btn-block btn-primary">stopWatching</button>
 	</div>
 	<div id="battery">
 		<p>Click the button to display the battery status...</p>
 	</div>
  </div>
</div>
 